<template>
    <div>
      <!-- 用户端pc -->
      <div class="reltive bgyellow">
        <div class="header">
          <div >
            <div class="justify-end flex ptb20">
              <div class="flex align-center" >
                <span class="plr20 pointer" >签到</span>
                <p style="background: #999999;height: 16px;width:1px"></p>
                <span class="plr20 pointer " >充值</span>
                <p style="background: #999999;height: 16px;width:1px"></p>
                <div class="flex align-center plr20 pointer" @click="$router.push({ path: '/' })">
                  <span class="ml5 ft14 gray3" v-if="false">小吴</span>
                </div>
              </div>
              <div >
                <div class="gray6 ">
                  <router-link :to="{ path: '/' }">注册</router-link>
                  <router-link class="ml20" :to="{ path: '/login' }">登录</router-link>
                </div>
              </div>
            </div>
            <!-- 搜索 -->
            <!-- 导航 -->
            <div class="menuList ft18 flex align-center">
              <div>
                <router-link :to="{ path: '/' }">首页</router-link>
              </div>
              <div class="flex align-center">
              </div>
              <div class="">
                <router-link :to="{ path: '/' }">热门活动</router-link>
              </div>
              <div>
                <router-link :to="{ path: '/' }">最新揭晓</router-link>
              </div>
              <div>
                <router-link :to="{ path: '/' }">晒单分享</router-link>
              </div>

              <div class="invite tc pointer" >
                邀请赚钱
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </template>

<script setup >
import { ref, reactive, toRefs, onMounted} from 'vue'

</script>
<style lang="scss" scoped>
.header {
  width: 1200px;
  margin: 0 auto;
}

.logo {
  height: 112px;
}



</style>